<template>
  <view class="prow30 mt30 pb30 pay_container" @click="$emit('toPay')">
    <view class="relative_1">
      <image class="pay_bg" src="@/static/my/pay_bg.png" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror="" bindload="">
      </image>
      <view class="pay_content flex justify-between items-center">
        <view class="flex items-center">
          <text class="fs28 white1">支付</text>
          <text class="fs28 white prow10">{{payMoney}}</text>
          <text class="white1 fs28 pr20">元</text>
          <text class="fs28 white1">开通会员</text>
        </view>
        <view class="fs28 black1" >立即续费</view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  name: 'Ceshi2TimeLimit',
  props: {
    payMoney: {
      type: [Number, String],
      default: 888
    }
  },
  data() {
    return {

    };
  },
  mounted() {

  },
  methods: {

  },
};
</script>
<style lang="scss">
.pay_bg {
  width: 100%;
  height: 90rpx;
}
.pay_container {
  padding-bottom: 30rpx;
  .pay_content {
    width: 100%;
    padding: 0 56rpx;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 90rpx;
    z-index: 1;
    box-sizing: border-box;
    .white {
      color: #fff;
    }
    .white1 {
      color: rgba(225,225,225,.9);
    }
    .black1 {
      color: #543405;
    }
  }
}

</style>